<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/album.css">
    <link rel="stylesheet" href="../css/house.css">
    <link rel="stylesheet" href="../css/znocoop.css">
    <title>非合作楼盘地图</title>
</head>

<body>
  <!-- 头部 -->
  <header>
      <div class="head">
          <div class="title left">
              <img src="../imgs/5.png" class="left" alt="">
              <div class="titleGps left">
                  <p class="left">新乡</p><span class="left"></span>
              </div>
          </div>
          <div class="headNav left">
              <ul>
                  <li><a href="">首页</a></li>
                  <li><a href="" class="btnColor">新房</a></li>
                  <li><a href="">二手房</a></li>
                  <li><a href="">楼市</a></li>
                  <li><a href="">置业管家</a></li>
                  <li><a href="">品牌地产</a></li>
              </ul>
          </div>
          <div class="search left">
              <div>
                  <p>新房<span></span></p>
              </div>
              <div>
                  <input type="text" name="" id="" placeholder="请输入楼盘名称">
              </div>
              <a class="login" href="">登录</a>
          </div>
      </div>
  </header>
  <div class="tian"><img src="../imgs/title-phone.png" alt=""></div>
  <!-- 导航栏 -->
  <div class="liao">
      <div class="cheng">
          <span>聊城房产网></span>
          <span>聊城楼盘></span>
          <span>东昌府区楼盘></span>
          <span>荣盛水岸话语二期</span>
      </div>
      <div class="time">
          2018年10月25日更新
      </div>
  </div>
  <!-- 碧桂园凤凰湾 -->
  <div class="phcodma">
    <img src="../imgs/zonbg-01.png" alt="">
  </div>
  <div class="phoenix">
    碧桂园凤凰湾
    <div class="phoen1">
      <select name="" id="">
        <option value="">容声水岸华语二期</option>
      </select>
    </div>
  </div>
  <!-- 在售 -->
  <div class="onbuy">
    <div class="buy-left">
        <div class="buyone">
            <a href="">在售</a>
        </div>
        <div class="buytwo">
            <a href="">婚房/刚需</a>
        </div>
        <div class="buythree">
            <a href="">养老</a>
        </div>
    </div>
    <div class="buy-right">
      <div class="phone-left">
        <img src="../imgs/zoncbf-02.png" alt="">
        <p>评论 <span>55</span></p>
      </div>
      <div class="phone-left">
          <img src="../imgs/zoncbf-02.png" alt="">
          <p>意向 <span>55</span></p>
      </div>
      <div class="phone-left">
          <img src="../imgs/zoncbf-02.png" alt="">
          <p>收藏</p>
      </div>
    </div>
  </div>
  <div class="null"></div>
  <!-- 选项卡 -->
  <div class="answer">
      <div class="hu">
          <a href="">售楼处主页</a>
          <a href="">楼盘信息</a>
          <a class="action" href="">户型图</a>
          <a href="">相册</a>
          <a href="">地图交通</a>
          <a href="">价格走势</a>
          <a href="">楼盘动态</a>
          <a href="">有问必答</a>
          <a href="">手机看楼盘</a>
      </div>
  </div>
  <!-- 选项卡结束 -->
  <!-- 内容 -->
  <section>
    <div class="znditu fudong">
      <div class="zntu">
        <img src="../imgs/zn-01.jpg" alt="">
      </div>
      <div class="zninfo">
        <div class="zninsp0">
          <span class="zninsp1 znsp2">
            <img src="../imgs/zn-02.png" alt="">
            <p>交通</p>
          </span>
          <span class="zninsp1 znsp3">
            <img src="../imgs/zn-02.png" alt="">
            <p>交通</p>
          </span>
          <span class="zninsp1 znsp3">
            <img src="../imgs/zn-02.png" alt="">
            <p>交通</p>
          </span>
          <span class="zninsp1 znsp4">
            <img src="../imgs/zn-02.png" alt="">
            <p>交通</p>
          </span>
        </div>
        <div class="znifd1">
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
          <div class="znifd2">
            <span>
              <img src="../imgs/zon-03.png" alt="">青龙路东口
              <p>&nbsp;&nbsp;11路；111路</p>
            </span>
            <span>
              280米
            </span>
          </div>
        </div>
        <div class="znifd6">
          进入地图找房查看周边楼盘
        </div>
      </div>
    </div>
    <!-- 周边特色 -->
    <div class="zntese fudong">
      <!-- 左 -->
      <div class="zntez1">
        <p class="zntez1p">周边特色</p>
        <div class="zntez2">
          <span class="fudong">
            <img src="../imgs/zno-03.png" alt="">
            <p style="font-size:15px;">商场或购物中心</p>
            <p style="font-size:13px;">新天提购物广场</p> 
          </span>
          <!--  -->
          <span class="fudong">
            <img src="../imgs/zno-03.png" alt="">
            <p style="font-size:15px;">商场或购物中心</p>
            <p style="font-size:13px;">新天提购物广场</p> 
          </span>
          <!--  -->
          <span class="fudong">
            <img src="../imgs/zno-03.png" alt="">
            <p style="font-size:15px;">商场或购物中心</p>
            <p style="font-size:13px;">新天提购物广场</p> 
          </span>
        </div>
      </div>
      <!-- 右 -->
      <div class="zntey1">
        <p class="zntez1p">立即童话</p>
        <div class="zntezp1">
          <span>400 603 266 转 42605</span>
          <span>安居客为您加密手机，私密连接售楼处</span><br>
          <span>自己点售楼处</span>
        </div>
      </div>
    </div>
  </section>
  <!-- 尾部 -->
  <footer>
    <!-- 约车看房 -->
    <div class="fot1">
      <div class="kfot1 floata">
        看
      </div>
      <div class="kche floata">
        <b style="margin-bottom:12px;font-size:18px;">免费专车随时看房</b> <span class="kchesps">HOT</span> <br>
        <span style="font-size:15px;color:#7f868c;">一对一小陈接送</span>
      </div>
      <div class="kyue floatb">
          约车看房
      </div>
      <div class="kren floatb">
        <i><img src="../imgs/zj-06.png" alt=""></i>
        20人已参加
      </div>
    </div>
    <!-- 立即订阅 -->
    <div class="subscribes">
        <div class="sub-top">
            <span>订阅本盘通知：</span>
            <span>你将在第一时间获取新马金色森林的楼盘打折，降价，开盘等楼盘动态信息。</span>
        </div>
        <div class="sub-bottom">
            <span>立即订阅</span>
        </div>
    </div>
    <!-- 郑东新区热门榜单 -->
    <div class="nullone"></div>
    <div class="xinqu">
        <p class="zhengdong">
            <span> 郑东新区热门榜单</span>
            <span class="bracketstwo">热评榜</span>
            <span>|</span>
            <span class="bracketsone">人气榜</span>
            <span>|</span>
            <span>热搜榜</span>
            <span class="bracketsone">|</span>
        </p>
        <p class="zhengdongone">
            <img src="../imgs/25.png" alt="">
            <img src="../imgs/26.png" alt="">
        </p>
    </div>
    <div class="zongbang">
      <div class="bangdan">
        <div class="ban-top">
          <!-- <p>郑东新区热门榜单<span class="brackets">热评</span></p> -->
          <div class="ban-middle">
              <img src="../imgs/27.png" alt="">
          </div>
          <p>售楼处-楼盘现场环境</p>
          <p>2018-10-23</p>
        </div>
        <div class="bani-top">
          <div class="banv-middle">
              <img src="../imgs/27.png" alt="">
          </div>
          <p>售楼处-楼盘现场环境</p>
          <p>2018-10-23</p>
        </div>
        <div class="bani-top">
          <div class="banv-middle">
              <img src="../imgs/27.png" alt="">
          </div>
          <p>售楼处-楼盘现场环境</p>
          <p>2018-10-23</p>
        </div>
        <div class="bani-top">
          <div class="banv-middle">
              <img src="../imgs/27.png" alt="">
          </div>
          <p>售楼处-楼盘现场环境</p>
          <p>2018-10-23</p>
        </div>
        <div class="banis-top">
          <!-- <a href="">更多配套图>></a> -->
          <div class="banv-middle">
              <img src="../imgs/27.png" alt="">
          </div>
          <p class="gui">售楼处-楼盘现场环境</p>
          <p>2018-10-23</p>
        </div>
      </div>
    </div>
    <!-- 猜你喜欢 -->
    <div class="ncai">
      <div class="nxi">
          猜你喜欢
      </div>
      <div class="ntu">
        <div class="floata">
            <div class="xiugai">
              <img src="../imgs/caini-1.jpg" alt="">
            </div>
            <p><b>是经商-绿城·许府海棠</b></p>
            <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
        </div>
        <div class="floata nzuo">
            <div class="xiugai">
              <img src="../imgs/caini-1.jpg" alt="">
            </div>
            <p><b>是经商-绿城·许府海棠</b></p>
            <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
        </div>
        <div class="floata nzuo">
            <div class="xiugai">
              <img src="../imgs/caini-1.jpg" alt="">
            </div>
            <p><b>是经商-绿城·许府海棠</b></p>
            <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
        </div>
        <div class="floata nzuo">
            <div class="xiugai">
              <img src="../imgs/caini-1.jpg" alt="">
            </div>
            <p><b>是经商-绿城·许府海棠</b></p>
            <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
        </div>
        <div class="floata nzuo">
          <div class="xiugai">
            <img src="../imgs/caini-1.jpg" alt="">
          </div>
          <p><b>是经商-绿城·许府海棠</b></p>
          <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
    </div>
  </footer>
</body>

</html>